<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册界面</title>
</head>
<body>
    <from action="#" method="get">
        <table align="center">
            <caption><h3>用户注册</h3></caption>
            <tr>
                <td>
                    <fieldset>
                        <legend>身份验证-必填信息</legend>
                        <table>
                            <tr>
                                <td>用户名</td>
                                <td><input type="text" name="username" id="username"></td>
                            </tr>
                            <tr>
                                <td>密码</td>
                                <td><input type="password" id="password"></td>
                            </tr>
                            <tr>
                                <td>确认密码</td>
                                <td><input type="password" name="repassword" id="repassword"></td>
                            </tr>
                        </table>
                    </fieldset>
                </td>
            </tr>
            <tr>
                <td>
                    <fieldset>
                        <legend>身份验证-选填信息</legend>
                        <table>
                            <tr>
                                <td>用户名</td>
                                <td><input type="text" name="username" id="username"></td>
                            </tr>
                            <tr>
                                <td>密码</td>
                                <td><input type="password" name="password" id="password"></td>
                            </tr>
                            <tr>
                                <td>确认密码</td>
                                <td><input type="password" name="repassword" id="repassword"></td>
                            </tr>
                        </table>
                    </fieldset>
                </td>
            </tr>
            <tr>
                <td>
                    <fieldset>
                        <legend>其他个人信息</legend>
                        <table>
                            <tr>
                                <td>性别</td>
                                <td>
                                    <select name="gender" id="gender">
                                        <option value="boy">男</option>
                                        <option value="girl">女</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td>爱好</td>
                                <td>
                                    <input type="checkbox" name="hobby" value="music">音乐&nbsp;&nbsp;
                                    <input type="checkbox" name="hobby" value="体育">体育&nbsp;&nbsp;
                                    <input type="checkbox" name="hobby" value="计算机">计算机&nbsp;&nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td>喜欢的公司</td>
                                <td>
                                    <input type="radio" name="company" value="Ali">阿里
                                    <input type="radio" name="company" value="Bytes">字节
                                    <input type="radio" name="company" value="Tuan">美团
                                </td>
                            </tr>
                            <tr>
                                <td>个人简介</td>
                                <td>
                                    <textarea cols="10" rows="5" name="content"></textarea>
                                </td>
                            </tr>
                        </table>
                    </fieldset>
                </td>
            </tr>
            <tr>
                 <td align="center">
                    <input type="submit" value="提交您的资料">&nbsp;&nbsp;
                    <input type="reset" value="重新填写资料">
                </td>
            </tr>
            <tr>
                 <td align="center">
                    <input type="button" value="无效按钮" disabled>&nbsp;&nbsp;
                </td>
            </tr>
        </table>
    </from>
</body>
</html>